<!DOCTYPE html>
<!-- saved from url=(0037)https://class.hujiang.com/16302311_v3 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" async="" src="/static/index/question/channel.js"></script>
<script type="text/javascript" async="" src="/static/index/question/track"></script>
<script type="text/javascript" async="" src="/static/index/question/event"></script>
<script type="text/javascript" async="" src="/static/index/question/event(1)"></script>
<script type="text/javascript" async="" src="/static/index/question/channel.js"></script>
<script type="text/javascript" async="" src="/static/index/question/track"></script>

<link rel="stylesheet" href="/static/index/question/bundle-6000c.css">
<link rel="stylesheet" href="/static/index/question/bundle-62281.css">
<link rel="stylesheet" href="/static/index/question/base.min.css"><link rel="stylesheet" href="/static/index/question/footer.css">
<title>{$course['cname']}</title>
<meta name="Keywords" content="三Z网校,网络课程,在线学习,在线学习平台,网络课程在线学习">
<meta name="Description" content="三Z网校开设英语、日语、法语、韩语、泰语、德语、西班牙语和汉语等网校课程，内容横跨升学应试、海外留学、工作商务等。来3Z学外语，更有趣、更有效、更实惠。">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no">
<link rel="canonical" href="https://class.hujiang.com/">
<link rel="dns-prefetch" href="https://a6.hujiang.com/">
<script type="text/javascript" async="" src="/static/index/question/log"></script>
<script type="text/javascript" async="" src="/static/index/question/ht.dsp.min.js"></script>
<script type="text/javascript" async="" src="/static/index/question/ht.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/index/question/vendors-37c5e28b5319e80a5d3a.css">
<link rel="stylesheet" type="text/css" href="/static/index/question/footer.css">
        

<link rel="stylesheet" type="text/css" href="/static/index/question/otherHome-70a751fbcb507d545789.css">


<script type="text/javascript" charset="utf-8" src="/static/index/question/hjpassport.min.js"></script>
<link type="text/css" rel="stylesheet" href="/static/index/question/hjpassport.min.css">


<link rel="stylesheet" href="/static/index/question/bundle-f6338.css">

<link rel="stylesheet" href="/static/index/question/bundle-6000c.css">
<link rel="stylesheet" href="/static/index/question/bundle-33677.css">   
<link rel="stylesheet" href="/static/index/question/bundle-cf38b.css">
<link rel="stylesheet" href="/static/index/question/bundle-1ed18.css">
<link rel="stylesheet" href="/static/index/question/base.min.css">
<link rel="stylesheet" type="text/css" href="/static/index/question/usercard.css">
<link rel="stylesheet" href="/static/index/question/footer.css">
<script type="text/javascript" charset="utf-8" async="" src="/static/index/question/bundle-21938.js"></script>
<script type="text/javascript" async="" src="/static/index/question/log"></script>
<script type="text/javascript" async="" src="/static/index/question/ht.dsp.min.js"></script>
<script type="text/javascript" async="" src="/static/index/question/ht.min.js"></script>
<style type="text/css">

        * {

            margin: 0;

            padding: 0;

        }



        a {

            text-decoration: none;

        }



        #conter {

            width: 1000px;

            margin: auto;

        }



        #help-left {

            width: 1000px;

            font-family: 'microsoft YaHei';

            float: left;

        }
        .wodemenu:last-child {

            border-bottom: 1px solid #ccc;

        }



        .wodemenu summary {

            height: 70px;

            line-height: 70px;

            text-indent: 10px;

            outline: none;

            font-size: 14px;

            font-weight: 700;

            border-bottom: 1px solid #ddd;

            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));

            cursor: pointer;

        }



        .wodemenu summary::-webkit-details-marker {

            display: none;

        }



        /*可用图片或字符,如果使用图片，请把content的值设置成空字符*/

        /* .wodemenu summary:before {

            content: "+";
 */
            /*background: url(../Images/right.png) no-repeat center center;*/ /*收起时的图片*/

            /* vertical-align: middle; */

            /* display: inline-block;

            width: 16px;

            height: 16px;

            margin-right: 10px;

            font-size:18px;

            font-weight:700;

        } */
    
    .wodemenu summary:after {

            content: "+";

            /*background: url(../Images/right.png) no-repeat center center;*/ /*收起时的图片*/

            /*vertical-align: middle;*/

            display: inline-block;

            width: 16px;

            height: 16px;

            margin-right: 10px;

            font-size:18px;

            font-weight:700;

        }


        /* .wodemenu[open] summary:before {

            content: "-";

            background: url(../Images/down.png) no-repeat center center; /*展开时的图片

        } */

        .wodemenu[open] summary:after {

            content: "-";

            /*background: url(../Images/down.png) no-repeat center center;*/ /*展开时的图片*/

        }



        .wodemenu ul {
      background-color:#eee;
            padding: 10px 0;

        }



        .wodemenu ul li {

            list-style: none;

            text-indent: 25px;

            font-size: 12px;

            height: 50px;

            line-height: 60px;
      border-bottom: 1px solid #ddd;
        }



        .wodemenu ul li a {

            display: block;

            color: #666;

        }



        .wodemenu ul li a:hover {

            text-decoration: underline;

        }
.nav .icon {
  position: relative;
  top: 4px;
  *margin-top: 19px;
  display: inline-block;
  background-repeat: no-repeat; }

.nav .item {
  position: relative;
  background: #fff;
  color: #666;
  font-size: 14px;
  height: 56px;
  line-height: 56px;
  width: 60px;
  text-align: center; }
  .nav .item.fontOuter:hover, .nav .item.fontOuter.on {
    padding: 10px;
    width: 40px;
    line-height: 18px;
    height: 36px; }
  .nav .item a {
    display: block;
    color: inherit;
    *height: 56px; }
  .nav .item .text {
    display: none;
    line-height: inherit;
    vertical-align: middle; }
  .nav .item:hover, .nav .item.on {
    color: #fff;
    background: #5dae42; }
    .nav .item:hover .icon, .nav .item.on .icon {
      display: none; }
    .nav .item:hover .text, .nav .item.on .text {
      display: inline; }

.w1200 .nav .icon {
  width: 20px;
  margin: 0 10px 0 17px; }

.w1200 .nav .item {
  border-left: 4px solid #fff;
  width: 118px;
  text-align: left; }
  .w1200 .nav .item .text {
    display: inline; }
  .w1200 .nav .item.fontOuter:hover, .w1200 .nav .item.fontOuter.on {
    padding: 0;
    width: 118px;
    line-height: 56px;
    height: 56px; }
  .w1200 .nav .item:hover, .w1200 .nav .item.on {
    background: #fff;
    border-color: #75be58;
    color: #5dae42; }
    .w1200 .nav .item:hover .icon, .w1200 .nav .item.on .icon {
      display: inline-block; }

.w1200 .list .icon {
  display: inline-block; }

@media screen and (min-width: 1200px) {
  .nav .icon {
    width: 20px;
    margin: 0 10px 0 17px; }
  .nav .item {
    border-left: 4px solid #fff;
    width: 118px;
    text-align: left; }
    .nav .item .text {
      display: inline; }
    .nav .item.fontOuter:hover, .nav .item.fontOuter.on {
      padding: 0;
      width: 118px;
      line-height: 56px;
      height: 56px; }
    .nav .item:hover, .nav .item.on {
      background: #fff;
      border-color: #75be58;
      color: #5dae42; }
      .nav .item:hover .icon, .nav .item.on .icon {
        display: inline-block; }
  .list .icon {
    display: inline-block; } }
</style>
<script type="text/javascript" charset="utf-8" async="" src="/static/index/question/bundle-d7b93.js"></script>
</head>

  <body class="w1200 untouch">
  <div id="newheader">
  <div id="warnBarConteiner"></div>
  <div class="header-container">
  
<!-- 左边 -->
  <ol class="header-block header-menu header-left">
  <li><a href="/" alt="首页" class="header-menu-course ipad">首页</a></li><!-- <li> <a href="/home/new" alt="首页" class="header-menu-home ipad">学习中心</a> </li> -->
  <li class="header-myclass">
  <a href="/changeclass" alt="我的班级" class="header-menu-home" data-trace="topBar_studyCenter">我的班级 </a>
    
    </li>
  </ol>



<!-- 右边 -->
  <a id="hHeaderBarUserInfo" class="update_info_tooltip pass_register_tooltip">点击完善信息</a>  

  <ol class="header-block header-menu posright login">
    <li class="header-my">
      <a href="/Ucenter" class="username" target="_blank" data-notbindusercard="true" data-userid="73156875" data-trace="topBar_personalHover">
      <span class="user-name">{:session('web')['nickname']}</span>
      </a>
      <ol class="header-block header-left header-my-list">
      
      <li data-trace="topBar_personalHover_logout"><a href="javascript:void(0);" class="header-my-cctalk" alt="退出" onclick="return document.location.href=&quot;/account/logout?url=&quot;+encodeURIComponent(document.location.href),!1">退出</a></li>
    </ol>
    </li>
    
    <li>
    <a href="/myLikes" class="header-menu-myorder ipad" alt="我的收藏" data-trace="topBar_messageHover_myOrders">我的收藏</a></li></ol>
  </div>
</div>



<div class="header-bubble"><a href="javascript:;" title="" class="header-bubble-close"></a></div>
<div class="header-mask"></div>
<input type="hidden" id="hjclassSiteConfig" value="{&quot;userId&quot;:73156875,&quot;isLogin&quot;:true,&quot;serverTime&quot;:&quot;2018-04-19T03:28:50.236Z&quot;,&quot;userName&quot;:&quot;南方姑娘0207&quot;,&quot;classId&quot;:&quot;16302311&quot;}">
<input type="hidden" id="passVerion" value="0.1.4">
<input type="hidden" id="footerVersion" value="0.5.0">
<input type="hidden" id="hiddenOnlineKickOpen" value="0">
<input type="hidden" id="hNewHeaderBarPara" value="{&quot;isLogin&quot;:true,&quot;UserID&quot;:73156875,&quot;UserName&quot;:&quot;南方姑娘0207&quot;}">
<input type="hidden" id="passSubHost" value="pass">
 
<script src="/static/index/question/saved_resource"></script>
<script src="/static/index/question/class.js"></script>
<script src="/static/index/question/updateBrower.js"></script>

<div data-bind="component:{name: &#39;classhome&#39;}"><!--ko if: isShowLoading() || isShowLoadingEnd()--><!--/ko--><!--ko if: isAutoSubmit()--><!--/ko-->
  <div data-bind="component: {name: &#39;intellSystemDialog&#39;, params: {close: isShowIntellSystemProgramme, boolStudyClass: isStudyClass()}}, visible: isStudyClass() &amp;&amp; isShowIntellSystemProgramme() &amp;&amp; (!isShowLoading() &amp;&amp; !isShowLoadingEnd())" style="display: none;">
    <div data-bind="component: {name: &#39;dialog&#39;, params: {width: 430, height: 550, _styles: styles, close: close, data: {studyPlane: studyPlane}}}">
    </div>
  </div>
  <div id="class_classinfo" data-bind="component:{name:&#39;classinfo&#39;}">
    <div class="classInfo">
    <div class="blur">
    <img src="/static/index/question/6dcc2cd95e0e34b6bff9ba8f33df3548.jpg" width="100%" height="148"></div>
    <div class="wrap">
    <div class="fl">
    <h1 id="className"><span class="className" data-bind="text:classInfo.className">{$course['cname']}</span><!--ko if:classInfo.hasSheTuan--> <!--/ko--></h1><!--ko if:len>0-->
    <!--/ko--></div>
    <div data-bind="component:{name:&#39;userinfo&#39;,params:{classId: classInfo.classId}},usercard">
    <div class="fr myInfo" id="myInfo"><!--ko with:userInfo--><div class="pic fl"><a target="_blank" data-bind="attr:{href:$component.personHomeHost+userId}" href="/Ucenter">
    <img data-bind="attr:{src:avatorUrl}" alt="" width="54" height="54" src="/uploads/{:session('web.face')}">
    </a>
    </div>
    <!--/ko--></div>
    </div>
    </div>
    </div>
  </div>


  <div class="wrap">
  <div data-bind="component:{name:&#39;alert-warning&#39;}">
  <div class="alert alert-warning" data-bind="visible: alertShow" style="display: none;">
  <button type="button" class="close" data-bind="click: function() {alertShow(false)}"><span aria-hidden="true">×</span></button>
  </div>
  </div>
  </div>


  <div class="wrap">
  <div id="class_classnav" data-bind="component:{name:&#39;classnav&#39;, params: {isShowPlan: isShowPlan, isStudyClass: isStudyClass, taskLessonIds: taskLessonIds, type: &#39;flexible&#39;}}">
  <div class="fl nav">
  <ul id="nav" data-bind="foreach:list">
  <li class="item fontOuter on" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}">
  <a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="/Ustudy/{$cid}">
  <i class="icon icon-home" data-bind="css:iconName"></i>
  <span class="text">
  <span data-bind="text:name">班级首页</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="/study_center/{$cid}"><i class="icon icon-couseList" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">课程表</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="/webNotes/{$cid}"><i class="icon icon-note" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">笔记</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass 
                ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="/question/{$cid}"><i class="icon icon-anque" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">答疑</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass 
                ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="{:url('index/vip/discusKeyTip','clid='.$cid)}"><i class="icon icon-talk" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">讨论</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass 
                ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="/resources/{$cid}"><i class="icon icon-data" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">资料</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  <li class="item" data-bind="css:{&#39;fontOuter&#39;:hasExtendClassName,&#39;on&#39;:isCurrent}"><a data-bind="click: $component.classNavHt.bind(this, htName), attr:{href: type === 7 &amp;&amp; $component.isStudyClass 
                ? (baseLink + &#39;?lessonId=&#39; + $component.taskLessonIdsToString()) : baseLink}" href="{:url('index/Classmate/findclassmate','clid='.$cid)}"><i class="icon icon-classMate" data-bind="css:iconName"></i> <span class="text"><span data-bind="text:name">同桌</span><!--ko if: type === 10 && hasRead --><!--/ko--> </span></a><!--ko if: type === 7 && $component.isShowPlan() === true --><!--/ko--></li>

  
</ul>
</div>
</div>


<!--以上为班级公共部分-->
{block name="ustudy"}



<div class="fr main">

  <div class="section" id="floor-normal" data-bind="style: {height: &#39;498px&#39;}" style="height: 498px;"><!--ko if: isStudyClass()--><!--/ko--><!--ko ifnot: isStudyClass()-->
    <div data-bind="component:{name:&#39;task&#39;,params:{lessonId:lessonId,isTaskWide:isTaskWide, lessonDetailsPage: lessonDetailsPage}},css:$component.styles.inhertFromHeight" class="O5gChbHw">
      <div class="left task" id="task" data-bind="css:{&#39;class-loading&#39;:!it()}"><!--ko if:it()--><!--ko with:it()--><!--ko if: hasReservation || hasFullBack--><!--/ko-->
        <div class="titleBar">学习任务</div>
        <div class="down">
          <div data-bind="component:{name:&#39;task-list-down&#39;,params:{lessonId:$parent.lessonId,outlineLessons:outlineLessons,startIndex:startIndex,lessonDetailsPage:$parent.lessonDetailsPage}}"><!--ko if: it-->
            <ul class="list" data-bind="foreach:it">
            {volist name="class" key="k" id="v"}
            <li data-bind="css:{&#39;curr&#39;:$parent.startIndex()==$index()},attr:{&#39;data-lessonid&#39;:lessonId},click:function(){return $component.tab($index())}" class="item curr" data-lessonid="2908270">
              <div class="fl info"><i class="icon icon-completed" data-bind="css:iconType"></i>
                <span data-bind="text:lessonName">{$v['id'].'-'.$v['level'].'-'.$v['name']}</span>
              </div>
              <div class="fr"><!--ko if: lessonStatus == 'unpublished'--><!--/ko--><!--ko if: lessonStatus != 'unpublished'--><!--ko if: learnStatus == 'notLearn'--><!--/ko--><!--ko if: learnStatus == 'locked'--><!--/ko--><!--ko if: learnStatus == 'learning' && type !== 'mobile' && type !== 'test'--><!--/ko--><!--ko if: learnStatus == 'learned'--><!--ko if: type !== 'mobile' && type !== 'test'--> <a class="btn-order" target="_blank" href="/classVideo/{$v['id']}">立即学习</a><!--/ko--><!--ko if: learnStatus == 'learned' && type === 'test'--><!--/ko--><!--/ko--><!--/ko--></div></li>
            {/volist}

          </ul><!--/ko-->
        </div>
      </div>
      <div class="moreLessons"><a data-bind="attr:{href:&#39;/&#39;+classId+&#39;/lesson_unit&#39;}" target="_blank" href="study_center/1">查看全部课程</a></div><!--/ko--><!--/ko--></div>
    </div><!--/ko-->


    <!-- 学霸榜单 -->
    <div data-bind="component: {name: &#39;learningList&#39;},css:$component.styles.learningList" class="_2j4RpKIT"><!--ko with: dayRank()--><!--ko if: $data-->
    <div data-bind="css:$component.styles.root" class="_2lit4NKN">
    <div class="clearfix _3gckEQ-M" data-bind="css:$component.styles.title"><span data-bind="css:$component.styles.title_text" class="_3wsGoEEq">本班同学</span> <span data-bind="css:$component.styles.rankDes" class="_2mOMsJdu"><!--ko if: myRank > 0--><!--/ko--><!--ko if: myRank <= 0--> <!--/ko--></span></div><!--ko if: userRankInfo && userRankInfo.length-->
    <div data-bind="foreach: userRankInfo,css:$component.styles.list" class="ybnzlIPm">
{volist name="users" key="k" id="v"}
    <div data-bind="css:$component.styles.item" class="_2WmxLIfE">
    <div data-bind="text: $index() + 1,css:$component.styles.num" class="_23AuLOpp">{$k}</div>
    <div data-bind="css:$component.styles.avatar" class="_3LG_CAX7"><a>
    {if condition="$v['face']==null"}
    <img data-bind="attr: {src: userIco}"  src="/static/1.jpg" data-reactid=".0.0.1.1:0.0.3.$3356861.2.1.0.0">
    {else /}
    <img  data-bind="attr: {src: userIco}"  src="/uploads/{$v['face']}" data-reactid=".0.0.1.1:0.0.3.$3356861.2.1.0.0">
    {/if}
    

    </a></div>
    <div data-bind="css:$component.styles.info" class="_3xm7Ze94"><div data-bind="text: userName,css:$component.styles.userName" class="_4NvR5vg3">{$v['nickname']}</div><div data-bind="css:$component.styles.text" class="_1cS-k8zq"><span data-bind="text: learnCount"></span></div></div>
    <!-- <div data-bind="css:$component.styles.praise" class="_2AclwuFE"><i data-bind="click: $component.handlePraise.bind(null, $data), css: obIsCanPraise() ? $component.styles.unPraised : $component.styles.praised" class="_25X9OQxF"></i> <span data-bind="text: $component.parseNum(obPraiseCount()),css:$component.styles.praise_num" class="bA0qtaoG">10</span></div> -->
    </div>
{/volist}

    </div><!--/ko--><!--ko if: !userRankInfo || !userRankInfo.length--><!--/ko--></div><!--/ko--><!--/ko--></div></div><!--/ko-->


<div class="section section-harf"><!--ko if: isAnswerQuestionOpen()-->

  <div data-bind="component:{name:&#39;question&#39;}">
  <div class="right AQ" id="AQ" data-bind="css:{&#39;class-loading&#39;:!it()}">
    <div class="titleBar">
      <span class="tab on" data-bind="click:showTab_hot,css:{&#39;on&#39;:isShow()}">热门讨论</span>
    </div>
    <div class="tabBox inner">
      <div class="pannel hotAQ" id="hotAQ" data-bind="visible:isShow(),with:it().popularQuestions"><!--ko if:!length--><!--/ko--><!--ko if:length-->
        <ul class="list" data-bind="foreach:$data">
          {volist name="discus" key="k" id="v"}
          <li class="item">
            <div class="upper">
              <div class="fl Que">
                <a data-bind="attr:{&#39;data-questionId&#39;:questionId,&#39;href&#39;:&#39;/question_new/&#39;+questionId},&#39;text&#39;:$component.delBr(questionName)" target="_blank" data-questionid="3290266" href="{:url('index/vip/discusKeyTip','clid='.$cid)}">{$v['discontent']}</a>
              </div>
              <div class="fr text" data-bind="text:&#39;共&#39;+answerCount+&#39;个答案&#39;">
                
              </div>
            </div>
            
          </li>
          {/volist}
      </ul><!--/ko--><!--ko if:length>=1-->
      <div class="more"><a target="_blank"  href="/question/{$cid}">查看更多</a></div>
      <!--/ko-->
    </div>

    </div></div></div>


<!-- 答疑热门 -->
<div data-bind="component:{name:&#39;question&#39;}">
  <div class="right AQ" id="AQ" data-bind="css:{&#39;class-loading&#39;:!it()}">
    <div class="titleBar">
      <span class="tab on" data-bind="click:showTab_hot,css:{&#39;on&#39;:isShow()}">热门答疑</span>
    </div>
    <div class="tabBox inner">
      <div class="pannel hotAQ" id="hotAQ" data-bind="visible:isShow(),with:it().popularQuestions"><!--ko if:!length--><!--/ko--><!--ko if:length-->
        <ul class="list" data-bind="foreach:$data">
          {volist name="rep_question" key="k" id="v"}
          <li class="item">
            <div class="upper">
              <div class="fl Que">
                <a data-bind="attr:{&#39;data-questionId&#39;:questionId,&#39;href&#39;:&#39;/question_new/&#39;+questionId},&#39;text&#39;:$component.delBr(questionName)" target="_blank" data-questionid="3290266" href="/question/{$cid}">问题：{$v['title']}</a>
              </div>
              <div class="fr text" data-bind="text:&#39;共&#39;+answerCount+&#39;个答案&#39;">
                
              </div>
            </div>
            <div class="down">
              <div class="fl An"><!--ko if:questionAnswer--> <span data-bind="text:questionAnswer">回答：{$v['rpcontent']}</span><!--/ko--><!--ko if:!questionAnswer--><!--/ko--></div>
              <div class="fr" data-bind="if:questionAnswer"><i class="icon icon-praise"></i>
                <span class="text" data-bind="text:usefulCount"></span>
              </div>
            </div>
          </li>
          {/volist}
      </ul><!--/ko--><!--ko if:length>=1-->
      <div class="more"><a target="_blank"  href="/question/{$cid}">查看更多</a></div>
      <!--/ko-->
    </div>

    </div></div></div>


    <!--/ko--><!--ko if: !isAnswerQuestionOpen()--><!--/ko--></div></div><!--ko if:userInfo.guideType == 'revision2015' && classId !== guidAppIds[0] && classId !== guidAppIds[1] && (!isShowLoading() && !isShowLoadingEnd() && !isShowIntellSystemProgramme())--><!--/ko--><!--ko if:userInfo.guideType == 'beginner' && classId !== guidAppIds[0] && classId !== guidAppIds[1] && (!isShowLoading() && !isShowLoadingEnd() && !isShowIntellSystemProgramme())--><!--/ko--><!--ko if:classId === guidAppIds[0] || classId === guidAppIds[1]--><!--/ko--></div></div>






<!--到这里为止 -->

{/block}

<div data-bind="component:{name: &#39;footer&#39;}"><!-- footer--><!-- ko if: !isApp -->
<div data-bind="loadFt"></div>
<div class="hui-footer" style="display: block;">
  <div class="hui-footer-ft" id="footer-ft">
  <div class="hui-footer-ft-row">
    <p>
      <a>关于3Z</a>
      <b>|</b>
      <a>客服中心</a>
      <b>|</b>
      <a>诚聘英才</a>
      <b>|</b>
      <a>法律声明</a>
      <b>|</b>
      <a>联系我们</a>
      <b>|</b>
      <a>沪友故事</a>
    </p>
  </div>
  
  <div class="hui-footer-ft-row">
    <p class="hui-footer-ft-contact">
      <span>三Z教育科技（上海）股份有限公司  021-61125678&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="http://www.miitbeian.gov.cn/" target="_blank">ICP认证：沪B2-20110096</a>
    </p>
    <p class="hui-footer-ft-copyright">
      <span>Copyright © 2018 三Z All Rights Reserved.</span>
    </p>
    <p class="hui-footer-ft-oncall">
      <span>内容举报热线 400322222</span>
    </p>
  </div>
  <div class="hui-footer-ft-row hui-footer-ft-row-icon">
    <p class="hui-footer-ft-icon">
    
      <a class="hui-footer-ft-icon-1" href="http://jubao.china.cn:13225/reportform.do" title="中国互联网举报中心" target="_blank">
        <i></i> 
        <span>中国互联网举报中心</span>
      </a>
    
      <a class="hui-footer-ft-icon-2" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502000355" title="互联网站备案信息" target="_blank">
        <i></i> 
        <span>互联网站备案信息</span>
      </a>
    
      <a class="hui-footer-ft-icon-3" href="http://www.shjbzx.cn/" title="上海互联网举报中心" target="_blank">
        <i></i> 
        <span>上海互联网举报中心</span>
      </a>
    
      <a class="hui-footer-ft-icon-4" href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20120514145658342" title="工商网监电子标识    " target="_blank">
        <i></i> 
        <span>工商网监电子标识    </span>
      </a>
    
      <a class="hui-footer-ft-icon-5" href="http://www.cyberpolice.cn/wfjb/" title="上海网络报警平台" target="_blank">
        <i></i> 
        <span>上海网络报警平台</span>
      </a>
    
    </p>
  </div>

</div>
</div><!-- /ko -->
</div>

<script src="/static/index/question/saved_resource"></script>
<script src="/static/index/question/class.js"></script>
<script src="/static/index/question/updateBrower.js"></script>
        
<script src="/static/index/question/bundle-caf67.js" crossorigin="anonymous"></script>
<script src="/static/index/question/bundle-a4c85.js" crossorigin="anonymous"></script>

<script src="/static/index/question/saved_resource"></script>
<script src="/static/index/question/class.js"></script>
<script src="/static/index/question/updateBrower.js"></script>
        
<script src="/static/index/question/bundle-caf67.js" crossorigin="anonymous"></script>
<script src="/static/index/question/bundle-5753f.js" crossorigin="anonymous"></script>
<script src="/static/index/question/gentian.1.0.3.min.js"></script>      
<script src="/static/index/question/gentian.1.0.3.min.js"></script>
<script src="/static/index/question/bundle-b0f9c.js"></script>
<script src="/static/index/question/bundle-9611f.js"></script>
<script src="/static/index/question/bundle-caf67.js"></script>
<script src="/static/index/question/bundle-595fa.js"></script>
<script src="/static/index/question/gentian.1.0.3.min.js"></script>

</div>

{js href="/static/admin/assets/js/pages/jquery.min.js"}
{js href="/static/admin/assets/js/pages/bootstrap.min.js"}
{js href="/static/admin/assets/js/pages/toastr.min.js"}
<script>
  
    $("summary").click(function(){  
   
    pcode = this.id;
    pp = pcode.slice(13);
    // console.log(pcode);
        tiansecond(pp);//加载子节点
    });
    

function tiansecond(pp)
{
  
     
    
    $.ajax({
            async:false,
            url:"/c_class/",
            data:{pid:pp},
            type:"POST",
            dataType:"json",
            success: function(data){
                    console.log(data)
                    var str = "";
                    for(var i=0 in data)
                    {
                       str += "<li><a href='/classVideo/"+data[i].id+"'>"+data[i].name+"</a></li>";  
                    }
                    
                    $("#"+pcode+" + ul").html(str);
                    
                }
        });
}
</script>
<script type="text/javascript" src="</script>/saved_resource"></script>
<script src="</script>/vendors-37c5e28b5319e80a5d3a.js"></script>
<script type="text/javascript" src="</script>/footer.js"></script>
       
<script type="text/javascript" src="</script>/hjpassport-async.js"></script>
<script type="text/javascript">

  var hjconfig = {
    passServer: '//pass.hujiang.com'
  }
  
  if (typeof HJPassport !== 'undefined') {
    HJPassport.init({
        API_SLD: '//pass',  // 必传。api执行环境,根据当前网站处于qa,yz或者线上环境，传入`//qapass` `//yzpass`或者`//pass`
        source: ''      // 选传。打点的时候标志 source 来源
    });    
  }
</script>
<script src="</script>/otherHome-70a751fbcb507d545789.js"></script>


 </body></html>